<template class="gerenzhongxing">
    <div>
        <div>
            <van-nav-bar title="个人中心" class="nav-bar" left-arrow @click-left="onClickLeft" />
        </div>

        <div>
            <van-cell-group>
                <van-cell title="个人信息" @click="geRenXinXi" is-link />

                <van-cell title="修改密码" @click="xiuGaiMiMa" is-link />

                <van-cell title="修改手机" @click="xiuGaiShoJi" is-link>
                    <span class="cell_span">180****1849</span>
                </van-cell>
                <van-cell title="实名认证" @click="shiMingRenZheng" size="26" is-link>
                    <span class="cell_spans">未实名</span>
                </van-cell>
            </van-cell-group>
        </div>
    </div>
</template>

<script>
    import Vue from 'vue';
    import { Icon, NavBar, Cell, CellGroup } from 'vant';

    export default {
        data() {
            return {

            }
        },
        components: {},
        computed: {},
        methods: {
            // 返回上一页
            onClickLeft() {
                this.$router.go(-1)
            },
            // 个人信息
            geRenXinXi() {
                this.$router.push("/geRenXinXi")
            },
            // 修改密码
            xiuGaiMiMa() {
                this.$router.push("/xiuGaiMiMa")
            },
            // 修改手机
            xiuGaiShoJi() {
                this.$router.push("/xiuGaiShoJi")
            },
            // 实名认证
            shiMingRenZheng() {
                this.$router.push("/shiMingRenZheng")
            }
        }
    }
</script>

<style lang="less" scoped>
    .van-cell {
        padding: 16px 16px;
    }

    .nav-bar {
        background-color: #f9f9f9;
    }

    .nav-bar-title-font-size {
        font-size: 20px;
    }
</style>